<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

<h:head>
	<title>Efetue Login | Linkers</title>
	<link rel="stylesheet" type="text/css" href="css/estrutura.css" />
	<script type="text/javascript" src="js/control.js"></script>

	<link rel="icon" href="imgs/favicon.ico" type="image/x-icon" />
	<link rel="shortcut icon" href="imgs/favicon.ico" type="image/x-icon" />
	<link rel="shortcut icon" href="imgs/favicon.ico"
		type="image/vnd.microsoft.icon" />
</h:head>
<body>

	<div class="staticbg nuvens_1"></div>
	<div class="staticbg nuvens_2"></div>
	<div class="staticbg nuvens_3"></div>

	<div class='center table'>
		<div class='tr'>
			<div class='td'>
				<div class='inblock'>

					<div class='logo'>
						<img src="imgs/linkers-logo.png" />
					</div>


					<div class='content'>


						<h:form styleClass="bx" id="login">
							<div class='txt'>
								Mantenha os seus contatos atualizados <br /> e amigos sempre
								perto. <br /> <br />
							</div>
							<div class='b-tf'>

								<div class="msgtela">
									<h:outputText value="#{usuarioBean.msgTela}" />
								</div>

								<p:watermark value="Login" for="idlogin"></p:watermark>
								<h:inputText value="#{usuarioBean.usuario.login}" id="idlogin"
									styleClass="tf rup init" required="true" />
								<p:watermark value="Senha" for="idsenha"></p:watermark>
								<h:inputSecret value="#{usuarioBean.usuario.senha}" id="idsenha"
									styleClass="tf rdw" required="true" />

								<div id='bt'>
									<h:commandLink value="Linkar" action="#{usuarioBean.logar()}"
										styleClass="bt" />
								</div>
							</div>

							<br />
							<br />
							<a href="recuperar.xhtml">Equeceu sua senha?</a>
							<br />
							<a href="cadastro.xhtml">Crie sua Conta</a>
						</h:form>


					</div>

					<div class='rdp'>
						<a href="#">Política</a> | <a href="#">Privacidade</a>
					</div>

				</div>
			</div>
		</div>
	</div>


	<script>
playNuvem(1, 40000);
playNuvem(2, 50000);
playNuvem(3, 60000);

msgTela();

$(document).ready(function(){
	$('.init').focus();
});

</script>

	#{usuarioBean.zeraVarTemp()}

</body>
</html>
